<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<link rel="stylesheet" type="text/css" href="css\lib\bootstrap\bootstrap.css">
	<link rel="stylesheet" type="text/css" href="css\app\body.css">
	<link rel="stylesheet" type="text/css" href="css\app\editor.css">
	<link rel="stylesheet" type="text/css" href="css\app\control-panel.css">
	<link rel="stylesheet" type="text/css" href="css\app\appearance.css">
	<link rel="stylesheet" type="text/css" href="css\app\colors.css">
	<link rel="stylesheet" type="text/css" href="css\app\fonts.css">
	<link rel="stylesheet" type="text/css" href="css\app\header.css">

	<script src="javascripts\lib\jquery-1.10.2.js"></script>
	<script src="javascripts\lib\bootstrap\bootstrap.js"></script>
	<script src="javascripts\lib\spine\spine.js"></script>
	<script src="javascripts\lib\spine\manager.js"></script>
	<script src="javascripts\controllers\ControlPanel.js"></script>
	<script src="javascripts\controllers\Page.js"></script>
	<script src="javascripts\controllers\Settings.js"></script>
	<script src="javascripts\controllers\ProfileModule\ProfileModule.js"></script>
	<script src="javascripts\controllers\ProfileModule\PersonalData.js"></script>
	<script src="javascripts\controllers\ProfileModule\ProfileMenu.js"></script>
	<script src="javascripts\controllers\ProfileModule\Profile.js"></script>
	<script src="javascripts\controllers\Editor.js"></script>
	<script src="javascripts\controllers\Search.js"></script>
	<script src="javascripts\controllers\MakeOrder.js"></script>
	<script src="javascripts\controllers\ViewOrder.js"></script>
	<script src="javascripts\controllers\Viewer.js"></script>
	<script src="javascripts\controllers\App.js"></script>
	<title>Constru</title>
</head>
<body>
	<header class="color-middle full-width">

		<div class="left area sidebar color-middle border-gray">
			<div class="main button color-special">CONSTRU</div>
			<div class="icon-button finish-editing color-special">
				<span class="icon finish-editing"></span>
			</div>
			<div class="icon-button cancel-editing color-special"></div>
		</div>

		<div class="right area color-middle border-gray">
			<div class="icon-button undo"></div>
			<div class="icon-button redo"></div>
			<div class="icon-button "></div>
		</div>

	</header>

	<div id="content" class="full-width">
		<div id="editor">

			<div class="sidebar left area color-middle border-gray">
				
				<div class="search"><input type="search"></div>
				
				<div class="elements-categories">
					<div class="elements-category constructions color-middle border-gray"><span>Конструкции</span></div>
					<div class="elements-category details color-light border-gray"><span>Детали</span></div>
				</div>
				
				<div class="elements-collections color-light border-gray">
					<div class="elements-collection constructions"></div>
					<div class="elements-collection details">
						<div class="details-category color-bright"><span>Поверхности</span></div>
						<div class="details-category cat-a color-bright"><span>Брусья</span></div>
						<div class="details-category color-bright"><span>Рамы</span></div>
						<div class="details-category color-bright"><span>Подвижные элементы</span></div>
					</div>
				</div>

			</div>

			<div class="working-area right area">
			</div>

		</div>
	</div>
	
	<footer class="color-bright full-width">
	</footer>
</html>
